<!--文本类查询-->
<template>
  <!--查询内容-->
  <div :style="{width: (150 * colCount - 10 ) + 'px'}" style="float:left;">
    <div style="float:left;" :style="{width: (150 * colCount - 40 ) + 'px'}">
      <nf-text
        :model="model"
        v-bind="$attrs"
        :delay="delay"
        :columnId="columnId"
        colName="value"
      >
      </nf-text>
    </div>
  </div>
  <transition name="el-zoom-in-center">
    <div v-show="model.useKind === 417"
      style="width:30px;float:left;"
    >
      至
    </div>
  </transition>
  <transition name="el-zoom-in-center">
    <div v-show="model.useKind === 417"
      :style="{width: (150 * colCount - 10 ) + 'px'}"
      style="float:left;"
    >
      <div style="float:left;" :style="{width: (150 * colCount - 40 ) + 'px'}">
        <nf-text
          :model="model"
          v-bind="$attrs"
          :delay="delay"
          :columnId="columnId"
          colName="value2"
        >
        </nf-text>
      </div>
    </div>
  </transition>
</template>

<script>
import { defineComponent } from 'vue'
// 引入查询子控件的管理类
// eslint-disable-next-line import/no-absolute-path
// import { findItemManage } from '/nf-control-web'
// 查询方式的控件
import selectFindKind from './s-findkind.vue'

// 引入表单子控件
// import { formItem, formItemKey } from '../../form/item/_map-form-item'
/*
* 查询子控件，文本类
* * 单行文本
* * 多行文本
* * ulr、电话、邮箱等
*/
export default defineComponent({
  name: 'el-find-item-text',
  inheritAttrs: false,
  props: {
    columnId: Number, // 控件ID
    colName: String, // 字段名称
    controlType: Number, // 控件类型
    model: Object, // 查询结果，数组形式
    colCount: { // 占用空间
      type: Number,
      default: 1
    },
    delay: { // 防抖
      type: Number,
      default: 600
    }
  },
  components: {
    // 'nf-text':formItem.nfNumber,
    // 'find-kind': selectFindKind
  },
  setup (props, context) {
    // 表单子控件 to 查询子控件 的 字典
    // console.log('查询文本框===props', props, context)

    // 监听查询方式，设置范围查询
    return {
    }
  }
})
</script>
